<template>
  <div class="pie-echart">
    <BaseEchart :options="options"></BaseEchart>
  </div>
</template>

<script setup lang="ts">
import BaseEchart from './BaseEchart.vue'
const options: any = {
  legend: {
    data: ['注册用户']
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  color: ['#99e4dc'],
  barWidth: 20,
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      showBackground: true,
      name: '注册用户'
    }
  ]
}
</script>

<style lang="scss" scoped>
.pie-echart {
  padding: 10px 15px;
  height: 400px;
}
</style>
